<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>数字看板</title>
    <link rel="stylesheet" href="../static/css/common.css" />
    <link rel="stylesheet" href="../static/css/page3.css" />
    <link rel="stylesheet" href="../static/css/page3-5.css" />
  </head>
  <body>
    <div id="app">
      <div class="header"></div>
      <div class="main-content">
        <div class="table-container left-content">
          <div class="title">进度展示</div>
          <div class="vticker-container">
            <div class="vticker">
              <div class="vticker-header">
                <ul>
                  <li>产品图号</li>
                  <li>产品名称</li>
                  <li>工序编号</li>
                  <li>工序名称</li>
                  <li>设备数</li>
                  <li>今日完成</li>
                  <li>累计完成</li>
                  <li>报工数</li>
                  <li>不良品数</li>
                  <li>报工人员</li>
                  <li>今日完成率</li>
                  <li>累计完成率</li>
                </ul>
              </div>
              <div class="vticker-body" id="vticker1">
                <ul>
                  <li class="even red">
                    <div>032B1414-00</div>
                    <div>CCV6S</div>
                    <div>91</div>
                    <div>精车阀面</div>
                    <div>2/5</div>
                    <div>200/450</div>
                    <div>410/450</div>
                    <div>400</div>
                    <div>10</div>
                    <div>明杰</div>
                    <div>44%</div>
                    <div>91%</div>
                  </li>
                  <li class="even">
                    <div>032B1618-00</div>
                    <div>CCV28S</div>
                    <div>35</div>
                    <div>焊点测漏</div>
                    <div>2/2</div>
                    <div>1800/3200</div>
                    <div>3100/3200</div>
                    <div>3000</div>
                    <div>43</div>
                    <div>安侠</div>
                    <div>56.25%</div>
                    <div>96.8%</div>
                  </li>
                  <li>
                    <div>032B1478-00</div>
                    <div>CCV22S</div>
                    <div>57</div>
                    <div>压磁铁</div>
                    <div>2/2</div>
                    <div>650/1200</div>
                    <div>920/1200</div>
                    <div>900</div>
                    <div>25</div>
                    <div>明杰</div>
                    <div>54%</div>
                    <div>76%</div>
                  </li>
                  <li>
                    <div>020-0243-02</div>
                    <div>单向阀组件</div>
                    <div>94</div>
                    <div>抛光</div>
                    <div>5/6</div>
                    <div>300/1000</div>
                    <div>890/1000</div>
                    <div>850</div>
                    <div>17</div>
                    <div>吴建新</div>
                    <div>33.3%</div>
                    <div>89%</div>
                  </li>
                  <li class="even">
                    <div>032B1428-00</div>
                    <div>CCV28S</div>
                    <div>57</div>
                    <div>烘干</div>
                    <div>2/3</div>
                    <div>680/1200</div>
                    <div>1000/1200</div>
                    <div>900</div>
                    <div>27</div>
                    <div>赵华林</div>
                    <div>83%</div>
                    <div>83.3%</div>
                  </li>
                  <li>
                    <div>032B1435-00</div>
                    <div>CCV35S</div>
                    <div>136</div>
                    <div>精车阀面</div>
                    <div>3/4</div>
                    <div>100/1000</div>
                    <div>580/1000</div>
                    <div>500</div>
                    <div>11</div>
                    <div>曹庆永</div>
                    <div>10%</div>
                    <div>58%</div>
                  </li>
                  <li class="even red">
                    <div>032B1439-00</div>
                    <div>CCV35S</div>
                    <div>135</div>
                    <div>压入阀芯</div>
                    <div>4/4</div>
                    <div>800/2000</div>
                    <div>1700/2000</div>
                    <div>1600</div>
                    <div>30</div>
                    <div>应君华</div>
                    <div>40%</div>
                    <div>85%</div>
                  </li>
                  <li class="even">
                    <div>KL00L327G01</div>
                    <div>油分离器组件</div>
                    <div>62</div>
                    <div>高压测试</div>
                    <div>1/3</div>
                    <div>100/800</div>
                    <div>320/800</div>
                    <div>300</div>
                    <div>12</div>
                    <div>王苏方</div>
                    <div>12.50%</div>
                    <div>40%</div>
                  </li>
                  <li>
                    <div>032B1468-00(美的)</div>
                    <div>CCV22S</div>
                    <div>234</div>
                    <div>数控缩口.滚槽</div>
                    <div>3/6</div>
                    <div>800/2000</div>
                    <div>1351/4000</div>
                    <div>1300</div>
                    <div>31</div>
                    <div>李雄增</div>
                    <div>40%</div>
                    <div>34%</div>
                  </li>
                  <li>
                    <div>032B1438-00</div>
                    <div>CCV10S</div>
                    <div>57</div>
                    <div>内漏测试</div>
                    <div>2/2</div>
                    <div>650/1200</div>
                    <div>920/1200</div>
                    <div>900</div>
                    <div>25</div>
                    <div>胡化顺</div>
                    <div>54%</div>
                    <div>76%</div>
                  </li>
                  <li>
                    <div>032B1419-00</div>
                    <div>CCV19S</div>
                    <div>51</div>
                    <div>表面抛光</div>
                    <div>2/5</div>
                    <div>200/450</div>
                    <div>410/450</div>
                    <div>400</div>
                    <div>11</div>
                    <div>常刘勇</div>
                    <div>44%</div>
                    <div>91%</div>
                  </li>
                  <li class="even">
                    <div>032B1466-00(美的）</div>
                    <div>CCV16S</div>
                    <div>35</div>
                    <div>激光打字</div>
                    <div>5/6</div>
                    <div>300/1000</div>
                    <div>890/1000</div>
                    <div>800</div>
                    <div>15</div>
                    <div>应金辉</div>
                    <div>33.30%</div>
                    <div>89%</div>
                  </li>
                  <li>
                    <div>032B1416-00</div>
                    <div>CCV16S</div>
                    <div>57</div>
                    <div>烘干</div>
                    <div>2/2</div>
                    <div>1800/3200</div>
                    <div>3100/3200</div>
                    <div>3000</div>
                    <div>51</div>
                    <div>胡化顺</div>
                    <div>56.25%</div>
                    <div>96.80%</div>
                  </li>
                  <li>
                    <div>032B1479-00</div>
                    <div>1/CCV16S</div>
                    <div>57</div>
                    <div>CE测试</div>
                    <div>4/4</div>
                    <div>800/2000</div>
                    <div>1700/2000</div>
                    <div>1650</div>
                    <div>32</div>
                    <div>白峰</div>
                    <div>40%</div>
                    <div>85%</div>
                  </li>
                  <li class="even red">
                    <div>032B1417-00</div>
                    <div>CCV16S</div>
                    <div>234</div>
                    <div>数控缩口</div>
                    <div>3/4</div>
                    <div>100/1000</div>
                    <div>580/1000</div>
                    <div>500</div>
                    <div>13</div>
                    <div>李雄增</div>
                    <div>10%</div>
                    <div>58%</div>
                  </li>
                  <li class="even">
                    <div>032B1481-00(格力)</div>
                    <div>CCV22S</div>
                    <div>27</div>
                    <div>打2凹点</div>
                    <div>1/3</div>
                    <div>100/800</div>
                    <div>320/800</div>
                    <div>300</div>
                    <div>10</div>
                    <div>白峰</div>
                    <div>12.50%</div>
                    <div>40%</div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="right-content">
          <div class="table-container">
            <div class="title">汇总信息</div>
            <div class="vticker-container top collection-list">
              <div>
                <p class="name">工单总数</p>
                <p class="num">21</p>
              </div>
              <div>
                <p class="name">生产完成</p>
                <p class="num">2</p>
              </div>
              <div>
                <p class="name">待生产</p>
                <p class="num">3</p>
              </div>
              <div>
                <p class="name">正在生产</p>
                <p class="num">16</p>
              </div>
            </div>
          </div>
          <!-- <div class="right-content">
      <div class="table-container">
        <div class="title">数据采集</div>
        <div class="vticker-container top">
          <div class="vticker">
            <div class="vticker-header">
              <ul>
                <li>工单总数</li>
                <li>生产完成</li>
                <li>待开始</li>
                <li>正在生产</li>
              </ul>
            </div>
            <div class="vticker-body" id="vticker2">
              <ul>
                <li>
                  <div>26</div>
                  <div>4</div>
                  <div>1</div>
                  <div>21</div>
                </li>
                <li class="even">
                  <div>29</div>
                  <div>4</div>
                  <div>5</div>
                  <div>20</div>
                </li>
                <li>
                  <div>21</div>
                  <div>3</div>
                  <div>1</div>
                  <div>17</div>
                </li>
                <li class="even">
                  <div>25</div>
                  <div>3</div>
                  <div>2</div>
                  <div>20</div>
                </li>
                <li>
                  <div>30</div>
                  <div>4</div>
                  <div>5</div>
                  <div>21</div>
                </li>
                <li class="even">
                  <div>20</div>
                  <div>5</div>
                  <div>4</div>
                  <div>11</div>
                </li>
                <li>
                  <div>26</div>
                  <div>4</div>
                  <div>3</div>
                  <div>19</div>
                </li>
                <li class="even">
                  <div>27</div>
                  <div>4</div>
                  <div>3</div>
                  <div>20</div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div> -->
          <div class="table-container" style="margin-top: 22px">
            <div class="title">异常呼叫</div>
            <div class="vticker-container bottom">
              <div class="vticker">
                <div class="vticker-header">
                  <ul>
                    <li>呼叫人</li>
                    <li>故障原因</li>
                    <li>状态</li>
                  </ul>
                </div>
                <div class="vticker-body" id="vticker3">
                  <ul>
                    <li class="even todo">
                      <div>郑英</div>
                      <div>质量原因</div>
                      <div class="status">待处理</div>
                    </li>
                    <li class="undeal">
                      <div>胡化顺</div>
                      <div>设备原因</div>
                      <div class="status">未处理</div>
                    </li>
                    <li class="even">
                      <div>张艳琼</div>
                      <div>设备原因</div>
                      <div class="status">已处理</div>
                    </li>
                    <li>
                      <div>郭艳玲</div>
                      <div>质量原因</div>
                      <div class="status">已处理</div>
                    </li>
                    <li class="even todo">
                      <div>石永超</div>
                      <div>生产原因</div>
                      <div class="status">待处理</div>
                    </li>
                    <li class="even todo">
                      <div>应君华</div>
                      <div>质量原因</div>
                      <div class="status">待处理</div>
                    </li>
                    <li class="undeal">
                      <div>管荣伟</div>
                      <div>设备原因</div>
                      <div class="status">未处理</div>
                    </li>
                    <li class="even">
                      <div>廖难难</div>
                      <div>生产原因</div>
                      <div class="status">已处理</div>
                    </li>
                    <li class="even todo">
                      <div>马瑞森</div>
                      <div>质量原因</div>
                      <div class="status">待处理</div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="../static/libs/jquery.min.js"></script>
  <script src="../static/libs/scaleScreen.js"></script>
  <script src="../static/libs/vticker/jquery.vticker.min.js"></script>
  <script src="../static/js/page3.js"></script>
</html>
